<template>
  <view class="flex-col page">
    <view class="flex-col group_1">
      <view class="flex-row">
        <text class="text_1">新密码</text>
        <input type="input" v-bind:password="true" placeholder="请输入新密码" class="text_2" />
      </view>
      <view class="flex-row group_3">
        <text class="text_1">确认新密码</text>
        <input type="input" v-bind:password="true" placeholder="请再次输入新密码" class="text_2" />
      </view>
      <view class="divider"><!--*--></view>
     <view class="flex-col button">
       <view class="section_2">  
     		 <text class="text_5">完成</text>
     	</view>
          
     </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },
    methods: {},
  };
</script>

<style scoped lang="css">
  .text_2 {
    margin-left: 40rpx;
  }
  .page {
    background-color: #ffffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group_1 {
    padding: 25.5rpx 32rpx 612rpx;
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .group_3 {
    margin-top: 41rpx;
    padding-top: 30rpx;
    border-top: solid 1rpx #eeeeee;
  }
  .button {
    margin-top: 280rpx;
    padding-bottom: 6rpx;
    position: relative;
  }
  .text_1 {
    color: #333333;
    font-size: 32rpx;
    line-height: 38rpx;
	width: 180rpx;

  }
  .divider {
    margin-top: 42rpx;
    background-color: #eeeeee;
    height: 1rpx;
  }

 .section_2 {
   margin-right: 32rpx;
   background-color: #1d6aff;
   border-radius: 60rpx;
   height: 88rpx;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }
  .text_5 {
    color: #ffffff;
    font-size: 32rpx;
   
    line-height: 38rpx;
  
  }
</style>